<template>
    <div style="width: 100%">
        <div style="word-wrap: break-word;">表决文件存证地址 :
            <span  :href="fileUrl" id="url">{{fileUrl}}</span>
        </div>
        <div style="margin-top: 7%"></div>
        <div style="word-wrap: break-word;">表决信息存证地址 :
            <span :href="dataUrl">{{dataUrl}}</span>
        </div>
        <div style="margin-top: 7%"></div>
        <div style="">表决存证原文 :<br/>
            <span style="word-wrap: break-word;">{{originalData}}</span>
        </div>

        <div style="margin-top: 7%"></div>

        <div style="background:rgba(219,219,219,0.7);text-indent:2em;line-height: 35px;font-weight:600;">
            本平台将表决文件以及您的投票结果保存在中钞络谱区块链平台，以保证本平台不会在后期篡改您的表决结果。
            <p style="text-indent:2em;">
                您可以将下载的表决压缩文件（文件以.zip为后缀名）和表决存证原文发送给专业人士，使用SHA-256摘要算法分别对压缩文件和表决存证原文摘要后与区块链上的保存的内容比对是否一致以验证平台将您的投票结果正确地保存在了区块链上。</p>
            <span style="color: red;">(存证地址请在电脑上打开)</span>
        </div>
        <div>
            <el-button style="margin:3% auto;display: block" type="primary" @click="toCopy"> 点击复制存证地址 </el-button>
        </div>
    </div>
</template>

<script>
    import util from 'assets/js/util.js'
    import conf from 'assets/js/conf.js'

    export default {
        data() {
            return {
                fileUrl: '',
                dataUrl: '',
                labelPosition: 'left',
                originalData: '',
            }
        },
        mounted() {
            const _self = this;
            util.ajax({
                url: `/vote/getVoteBropInfo`,
                params: {voteId: util.getUrlParam(document.location.href, 'voteId')},
                success: function (data) {
                    _self.dataUrl = data.data.dataUrl;
                    _self.fileUrl = data.data.fileUrl;
                    _self.originalData = data.data.originalData;
                },
            });
        },

        methods: {
            toCopy: function(){
                let Url=document.getElementById("url").innerText;
                let oInput = document.createElement('input');
                oInput.value = Url;
                document.body.appendChild(oInput);
                oInput.select(); // 选择对象
                document.execCommand("Copy"); // 执行浏览器复制命令
                oInput.className = 'oInput';
                oInput.style.display='none';
                alert('复制成功');
            },
            toFileUrl: function () {
                window.location.href = conf.baseUrl + '/file/get/' + this.fileUrl + '?type=1';
            },
            toDataUrl: function () {
                window.location.href = conf.baseUrl + '/file/get/' + this.dataUrl + '?type=1';
            },
        },
    }
</script>

<style scoped>
    .el-icon-warning {
        display: block;
        margin-top: 3%;
        color: red;
        font-size: 12px
    }
</style>